<template>
  <div class="branches">
    <div>
      <MyList />
    </div>
    <div class="container">
      <InstitutionFrom />
      <InstitutionTable />
    </div>
  </div>
</template>

<script>
import InstitutionFrom from '@/components/branches/InstitutionFrom'
import InstitutionTable from '@/components/branches/InstitutionTable'
import MyList from '@/components/branches/MyList'
export default {
  components: {
    MyList,
    InstitutionTable,
    InstitutionFrom
  },
  props: {},
  data() {
    return {
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {}
}
</script>
<style lang="scss" scoped>
.branches{
  display: flex;
  justify-content: space-between;
  &>div:nth-child(1){
        width: 250px;
    height: 1000px;
    margin: 20px;
  }
}
  .container{
    min-width: 822px;
    width: 100%;
    height: 1300px;
    margin-right: 20px;
    // background-color: pink;
  }
</style>
